/* eslint-disable max-len */
/* eslint-disable no-multiple-empty-lines */
/* eslint-disable prettier/prettier */

import React, { PureComponent } from 'react';
import { View, StyleSheet, Text, Image, ImageBackground, Dimensions } from "react-native";
import { Divider, Utils,TopBar, Strings} from 'tuya-panel-kit';
import style from '../../config/style';
import Res from "../../res";
import fishKeep1 from "../../res/image-fish-keep-step1.png";
import strings from '../../i18n';


const { convertX: cx } = Utils.RatioUtils;
const { convertY: cy, viewWidth, viewHeight } = Utils.RatioUtils;

// 鱼缸维护
class FishTankKeepView extends PureComponent {
  constructor(props) {
    super(props);
    this.state = {
      showTop: true,
    };
  }
            
  topView() {
    return (
      <TopBar.Container
        background="#FFFFFF"
        style={{ height: TopBar.height }}
        contentStyle={{ height: TopBar.height, marginTop: 10 }}
      >
        <TopBar.Action size={20} source={Res.fback} color="#4C4C4C" onPress={() => TYSdk.Navigator.pop()} />
        <TopBar.Content title={strings.list_item_fish_tank_keep_title}/>
      </TopBar.Container>
    );
  }

  render() {
    const { showTop } = this.state;
    return (

      <View style={style.container}>
        {/* { showTop ? this.topView() : null } */}
        <Text style={style.indexTitle}>{strings.list_item_fish_tank_keep_title}</Text>

        <View style={{ flexDirection: 'column' }}>

          <Text style={style.subTitle}>{Strings.v2_fish_tank_keep_step_title1}</Text>
          <View style={style.imgBgView}>
            <Image style={style.imgView} resizeMode="cover" source={Res.fishKeep1} />
          </View>
          <Text style={style.contentText}>{Strings.v2_fish_tank_keep_step_content1}</Text>

          <Text style={style.subTitle}>{Strings.v2_fish_tank_keep_step_title2}</Text>
          <View style={style.imgBgView}>
            <Image style={style.imgView} resizeMode="cover" source={Res.fishKeep2} />
          </View>
          <Text style={style.contentText}>{Strings.v2_fish_tank_keep_step_content2}</Text>


          <Text style={style.subTitle}>{Strings.v2_fish_tank_keep_step_title3}</Text>
          <View style={style.imgBgView}>
            <Image style={style.imgView} resizeMode="cover" source={Res.fishKeep3} />
          </View>
          <Text style={style.contentText}>{Strings.v2_fish_tank_keep_step_content3}</Text>

        </View>
      </View>
    );
  }

}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
  },


});

export default FishTankKeepView;
